
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="留学网">
<meta name="author" content="留学网">
<title>机械工程专业</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<link rel="stylesheet" href="static/css/swiper-4.5.3.min.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/js.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
<script src="./static/js/swiper-4.5.3.min.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-home" id="app">
    <layout :header="false">
      
      <div class="new-banner-wrapper">
        <img src="./static/image/new/mechanical-banner.png" alt="" />
      </div>
      
      <!-- 机械工程专业简介 -->
      <new-module title="机械工程专业简介" :padding="[47,43]" :bottom="20">
        <div class="mechanical-introduce-container">
          <div class="item" v-for="(item,index) in introduceData" :key="index">
            <img :src="item.icon" alt="" class="icon">
            <div class="info">
              <div class="name">{{item.name}}</div>
              <div class="content">{{item.content}}</div>
            </div>
          </div>
        </div>
      </new-module>
      
      <!-- 机械工程具体学什么？ -->
      <new-module title="机械工程具体学什么？" :padding="[49,38]" :bottom="20" :margin="0">
        <div class="mechanical-learn-container">
          <div class="swiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide" :class="'swiper-slide-' + (index + 1)" v-for="(item,index) in learnData" :key="index" :style="{
                backgroundImage: 'url(' + item.bg + ')'
              }">
                <div class="name">{{item.name}}</div>
                <div class="content">{{item.content}}</div>
                <div class="btn">了解专业</div>
              </div>
            </div>
          </div>
        </div>
      </new-module>
      
      <!-- 机械工程具体学什么？ -->
      <new-module title="机械工程具体学什么？" :padding="[49,41]" :bottom="20">
        <div class="mechanical-study-container">
          <div class="item" v-for="(item,index) in studyData" :key="index">
            <div class="name">{{item.name}}</div>
            <div class="content">{{item.content}}</div>
          </div>
        </div>
      </new-module>
      
      <!-- 众多院校专业 挑选适合自己的 -->
      <new-school />
      
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        introduceData: [
          { icon: './static/image/new/mechanical-icon1.png', name: '基础课程', content: '学生需要掌握数学、物理、化学、材料科学等基础课程以便在机械工程领域中具有扎实的理论基础' },
          { icon: './static/image/new/mechanical-icon2.png', name: '专业课程', content: '学生将学习机械设计、力学、热力学、流体力学、材料力学、控制系统和机器人技术等专业课程' },
          { icon: './static/image/new/mechanical-icon3.png', name: '实践课程', content: '学生将在机械工程实验室中进行实验室课程,以便将理论知识应用到实际中' },
          { icon: './static/image/new/mechanical-icon4.png', name: '研究课程', content: '学生将学习研究方法，以便在机械工程领域中进行研究和创新' },
        ],
        learnData: [
          { bg: './static/image/new/mechanical-bg1.png', name: '是什么？', content: '机械工程以有关的自然科学和技术科学为理论基础，结合生产实践中的技术经验，研究和解决在开发、设计、制造、安装、运用和修理各种机械中遇到的实际问题' },
          { bg: './static/image/new/mechanical-bg2.png', name: '学什么？', content: '《C++程序设计与实践》、《控制系统工程》、《机械制造与装备》《CAO与机械元器件》《材料成形技术》、《工程材料与应用》、《汽车结构与设计》' },
          { bg: './static/image/new/mechanical-bg3.png', name: '干什么？', content: '机械、技术类企业：机械设计、机械制造、机电产品研发、机电自控系统开发、数控设备开发、智能系统设计' }
        ],
        studyData: [
          { name: '机械工程专业是本科还是专科？', content: '机械工程是本科专业，根据本科专业目录，机械工程专业厘于机械类下设专业四年，授予工学学士学位机械工程以有关的自然科学和技术科学为理论基础，结合生产实践中的技术经验' },
          { name: '机械工程专业属于什么类别？', content: '机械工程专业本科层次厘于工学类，本科层次的机械工程专业:门类是工学，专业类是机械类，学制是四年，毕业后授予工学学士学位;' },
          { name: '机械工程专业学什么？', content: '学生在校期间会学习《C++程序设计与实践》、《控制系统工程》、《机械制造与装备》、《CAO与机减元器件》、《材料成形技术》、《工程材料与应用》、《汽车结构与设计》、《现代机械制造技术》、《力学测试及误差分析》' }
        ]
      },
      mounted() {
        new Swiper('.swiper', {
          slidesPerView: 'auto',
          scrollbar: {
            el: '.swiper-scrollbar',
          },
        })
      }
    })
  </script>
</body>
</html>